Ext.define('JRainbow.pages.CityPanel',{
	extend : 'JRainbow.common.BasePanel',
	xtype : 'CityPanel',
	layout : 'border',
	border : false,
	initComponent : function() {
		var dataModelFields = ['provinceid','citymark', 'coach', 'citycode'];
	
		var plugins = [{
			ptype: 'rowexpander',  
	        rowBodyTpl: [  
	             '<p><b style="margin-left:20px;">国家:</b>{provinceid.country}<b style="margin-left:20px;">省份编号:</b>{provinceid.provincecode}<b style="margin-left:20px;">省份描述:</b>{provinceid.provincemark}</p>',
	        ]  
		}];
		
		var columns = [ {
	        xtype: 'rownumberer',
	        width: 40,
	        sortable: false,
	        locked: true
	    },{
			dataIndex : 'citymark',
			text : '城市'
		}, {
			dataIndex : 'coach',
			text : '区号'
		}, {
			dataIndex : 'citycode',
			text : '城市代码'
		}];
		
		Ext.syncRequire(['JRainbow.common.GridField','JRainbow.pages.ProvincePanel']);
		
		var searchItem = [{
			xtype : 'gridfield',
			labelAlign : 'right',
			basePanel : Ext.create('JRainbow.pages.ProvincePanel',{isTbar : false}),
			gridHeight : 220,
			valueIndex : 3,
			isSearch : true,
			name : 'provinceid.provincemark',
			hiddenName : 'provinceid.id',
			fieldLabel : '省份'
		},{
			xtype : 'textfield',
			labelAlign : 'right',
			isSearch : true,
			name : 'citymark',
			fieldLabel : '城市'
		}, {
			xtype : 'textfield',
			labelAlign : 'right',
			isSearch : true,
			name : 'coach',
			fieldLabel : '区号'
		}, {
			xtype : 'textfield',
			labelAlign : 'right',
			isSearch : true,
			name : 'citycode',
			fieldLabel : '城市代码'
		}];

		Ext.define('model.city', {
		    extend : 'Ext.data.Model',
		    fields : [{
		        name : 'id'
		    }, {
		        name : 'citymark'
		    }, {
		    	name : 'coach'
		    }, {
		    	name : 'citycode'
		    }, {
		    	name : 'provinceid.id'
		    }, {
		    	name : 'provinceid.provincemark'
		    }]
		});
		var dataItem = [{
			xtype : 'gridfield',
			labelAlign : 'right',
			basePanel : Ext.create('JRainbow.pages.ProvincePanel',{isTbar : false}),
			gridHeight : 220,
			valueIndex : 3,
			name : 'provinceid.provincemark',
			hiddenName : 'provinceid.id',
			fieldLabel : '省份'
		},{
			xtype : 'hidden',
			name : 'id',
		},{
			xtype : 'textfield',
			labelAlign : 'right',
			name : 'citymark',
			fieldLabel : '城市'
		}, {
			xtype : 'textfield',
			labelAlign : 'right',
			name : 'coach',
			fieldLabel : '区号'
		}, {
			xtype : 'textfield',
			labelAlign : 'right',
			name : 'citycode',
			fieldLabel : '城市代码'
		}];
		
        Ext.apply(this,{
			border : false,
			layout : 'anchor',
            defaults : {anchor : '100%'},
            searchItem : searchItem,
        	dataItem : dataItem,
            gridPlugins : plugins,
        	dataModelFields : dataModelFields,
        	columns : columns,
        	formModel : 'model.city',
        	persistenceUrl : 'rainbow/city!saveOrUpdate.action',
        	deleteUrl : 'rainbow/city!delete.action',
        	queryUrl : 'rainbow/city!query.action',
        	loadUrl : 'rainbow/city!load.action',
        	winWidth : 400,
        	winHeigth : 400
		});
				
		this.callParent(arguments);
	}
});
